<template>
	<div>
		<s-Delivery 
		:visible.sync="showPopup"
					:title="'请选择预约时间'"
					:times="timeSections"
					@onSelect="handleTimeSelect"></s-Delivery>
		<!-- 示例按钮，用于触发打开时间选择器 -->
		<button @click="showPopup = true">选择时间</button>
		<!-- 显示选中的预约时间 -->
		
	</div>
</template>

<script>
	import Delivery from "../../sheep/components/s-Delivery/s-Delivery.vue";

	export default {
		components: {
			Delivery, // 注册子组件
		},
		data() {
				return {
					showPopup: false,
					timeSections: [
						"00:00", "00:15", "00:30", "00:45",
						"23:59"
					],
				};
			},
			methods: {
				handleTimeSelect(selectedTime) {
					console.log("选中时间:", selectedTime);
				},
			},
		
	};
</script>

<style scoped>
/* 根据需要添加样式 */
</style>


<style>
</style>